import { globalIgnores } from 'eslint/config'
import { defineConfigWithVueTs, vueTsConfigs } from '@vue/eslint-config-typescript'
import pluginVue from 'eslint-plugin-vue'
import pluginOxlint from 'eslint-plugin-oxlint'
import skipFormatting from '@vue/eslint-config-prettier/skip-formatting'

// 这段注释提供了一个可选配置，允许在 .vue 文件中使用除 TypeScript 以外的语言
// To allow more languages other than `ts` in `.vue` files, uncomment the following lines:
// import { configureVueProject } from '@vue/eslint-config-typescript'
// configureVueProject({ scriptLangs: ['ts', 'tsx'] })
// More info at https://github.com/vuejs/eslint-config-typescript/#advanced-setup

export default defineConfigWithVueTs(
  {
    name: 'app/files-to-lint',
    files: ['**/*.{ts,mts,tsx,vue}'],
    // 新增自定义规则
  },

  globalIgnores(['**/dist/**', '**/dist-ssr/**', '**/coverage/**']),

  pluginVue.configs['flat/essential'],
  vueTsConfigs.recommended,
  ...pluginOxlint.configs['flat/recommended'],
  skipFormatting,
  {
    rules: {
      // // ESLint 核心规则：强制使用单引号
      // quotes: ['error', 'single'],
      // // Vue 特定规则：禁止未使用的组件
      // 'vue/no-unused-components': 'error',
      // // TypeScript 特定规则：禁止使用 any 类型
      // '@typescript-eslint/no-explicit-any': 'warn',
      // // 自定义规则：每行最大长度
      // 'max-len': ['error', { code: 120 }],
      'vue/multi-word-component-names': 'off',
      // 自定义规则
      'vue/attributes-order': [
        'error',
        {
          order: [
            'DEFINITION', // v-bind/: 绑定
            'LIST_RENDERING', // v-for
            'CONDITIONALS', // v-if, v-show
            'RENDER_MODIFIERS', // v-once, v-pre
            'GLOBAL', // v-cloak, v-on
            'UNIQUE', // ref, key
            'TWO_WAY_BINDING', // v-model
            'OTHER_DIRECTIVES', // 其他指令
            'OTHER_ATTR', // 普通属性 (class, style)
            'EVENTS', // @click, v-on:click
            'CONTENT', // v-html, v-text
          ],
          alphabetical: false, // 是否按字母顺序排列
        },
      ],
    },
  },
)
